/* Main Routes */

const mainRoutes = [
	{
		path: '/',
		component: () =>
			import(/* webpackChunkName: "Layout" */ '@/layout/BasicLayout'),
		children: [
			{
				path: '/',
				redirect: '/dashboard/analysis',
			},
			{
				path: '/dashboard',
				component: {
					render: (h) => h('router-view'),
				},
				children: [
					{
						path: '/dashboard/analysis',
						name: 'analysis',
						component: () =>
							import(
								/* webpackChunkName: "dashboard" */ '@v/Dashboard/Analysis'
							),
					},
				],
			},
			{
				path: '/form',
				name: 'form',
				component: {
					render: (h) => h('router-view'),
				},
				children: [
					{
						path: '/form/basic-form',
						name: 'basicform',
						component: () => {
							import(
								/* webpackChunkName: "form" */ '@v/Forms/BasicForm'
							)
						},
					},
					{
						path: '/form/step-form',
						name: 'stepform',
						component: () => {
							import(
								/* webpackChunkName: "form" */ '@v/Forms/StepForm'
							)
						},
						children: [
							{
								path: '/form/step-form',
								redirect: '/form/step-form/info',
							},
							{
								path: '/form/step-form/info',
								name: 'info',
								component: () => {
									import(
										/* webpackChunkName: "form" */ '@v/Forms/StepForm/Info'
									)
								},
							},
							{
								path: '/form/step-form/confirm',
								name: 'confirm',
								component: () => {
									import(
										/* webpackChunkName: "form" */ '@v/Forms/StepForm/Confirm'
									)
								},
							},
							{
								path: '/form/step-form/result',
								name: 'result',
								component: () => {
									import(
										/* webpackChunkName: "form" */ '@v/Forms/StepForm/Result'
									)
								},
							},
						],
					},
				],
			},
		],
	},
]

export default mainRoutes
